
body {
  background-color: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

body, html {
  height:100%;
}

#sample_text_id {
  font-size: 24pt;
  text-align: center;
  margin-top: 140px;
}

.sampleContent {
  border-radius: 3px;
  background-color: #3A87AD;
  color: white;
  padding: 0.25em;
}

body, #edit1 {
  display: -webkit-flex;
  -webkit-flex-direction: column;
}

header {
  margin-bottom: 0.5em;
}

header .sampleContent {
  border-radius: 0px;
}

footer .sampleContent {
  border-radius: 0px;
}

footer {
  margin-top: 0.5em;
}

#mainContent {
  margin-right: 0.5em;
  margin-left: 0.5em;
}

#problemsArea {
  margin-top: 0.5em;
  min-height: 8em;
}

#notificationArea {
  margin-bottom: 0.5em;
}

#leftNav {
  min-width: 14em;
  margin-right: 0.5em;
}

#rightNav {
  min-width: 14em;
  margin-left: 0.5em;
}

section div {
  width: 100%;
}

section {
  display: -webkit-flex;
}

#mainContent, #edit1, #edit2, #editingArea {
  display: -webkit-flex;

  -webkit-flex: 20;
}
